<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>在线查询--西安市住房和城乡建设局|西安市轨道交通建设办公室</title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/my.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body>
		<div class="headerss" style="height:165px;background: #649f76;">
			<div style="overflow: hidden;border: 0px red solid;">
				<img src="img/logo.png" style="margin: 25px 0px 20px 15px;float: left;">
				<div class="shanxizhan">陕西省</div>
			</div>

			<ul data-v-07af31be="" class="nav">
			<li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/public/index">首页</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/icity/project/index?type=person">个人办事</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/icity/project/index?type=ent">法人办事</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/icity/chain/index?type=ent" target="_blank">一件事</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/open/service/specialService">特色创新</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/icity/sun/index">阳光政务</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfw.shaanxi.gov.cn/sx/icity/statistics/businessStats">效能监督</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfwxtzx.shaanxi.gov.cn/hcp-portal/#/echart">好差评</a></li><li data-v-07af31be=""><a data-v-07af31be="" href="https://zwfwxtzx.shaanxi.gov.cn/govpay/online/shaanxiPC/lumpSumSayment.html?outerToken=1c82abc851e04f10b515ca7f308c1878">统一支付</a></li>
			</ul>
		</div>
		<div class="box">
			
			<div class="xuanxiangka">
				<div id="gerendenglu" class="logintext gerendenglu">个人登录</div>
				<div id="farendenglu" class="logintext">法人登录</div>
			</div>
			
			<div class="dengluxuanze">
				<div style="float: left;">
					<div class="mui-input-row mui-radio mui-left" style="color: #649f76">
						<label>密码登录</label>
						<input name="radio1" type="radio" checked>
					</div> 
				</div>
				<div style="float: left;">
					<div class="mui-input-row mui-radio mui-left">
						<label>手机短信登录</label>
						<input name="radio1" type="radio">
					</div> 
				</div>
				<img src="img/code.png" style="height: 60px;float: right;">
			</div>
			
			<form class="loginForm">
				<div class="mui-input-row inputKuang">
					<label>用户名</label>
					<input type="text" id="username" class="mui-input-clear" placeholder="请输入用户名/身份证账号/手机号码">
				</div>
				<div class="mui-input-row inputKuang">
					<label>密码</label>
					<input type="password" id="password" class="mui-input-password" placeholder="请输入密码">
				</div>
				<div style="color: #649f76; height: 50px; overflow: hidden;">
					<div style="float: left;">国家政务服务平台账号登录</div>
					<div style="float: right;">找回密码</div>
				</div>
				<div class="mui-button-row" style="height: 50px;">
					<button type="button" class="mui-btn mui-btn-primary greenColor" 
					style="width: 100%; height: 50px; font-size: 17px;" >
						登录
					</button>
				</div>
			</form>
			<div style="width: 100%; height: 160px; background: url(img/bb.png) round ; overflow: hidden;">
			</div>		
				
			
			<style>
				.pictt{
					border: 0px red solid;
					overflow: hidden;
					position: absolute;
					top: 10%; /*向下移动50像素*/
					left: 20%; /*向左移动30像素*/
				}
			</style>
			<div id="pictt" class="pictt"><img src="img/tt.png" width="70%"></div>
			
		</div>
	</body>
	<script>
		mui(".xuanxiangka").on('tap', '#gerendenglu', function(){
			console.log('111111')
			document.getElementById("gerendenglu").style.background = "#649f76"
			document.getElementById("gerendenglu").style.color = "#fff"
			document.getElementById("farendenglu").style.background = "#fff"
			document.getElementById("farendenglu").style.color = "#000"
		});
		mui(".xuanxiangka").on('tap', '#farendenglu', function(){
			document.getElementById("farendenglu").style.background = "#649f76"
			document.getElementById("farendenglu").style.color = "#fff"
			document.getElementById("gerendenglu").style.background = "#fff"
			document.getElementById("gerendenglu").style.color = "#000"
		});
		mui(".pictt").on('tap', 'img', function(){
			document.getElementById("pictt").style.display = "none"
		});
		mui(".loginForm").on('tap','button',function(){
			var check = true;
			mui(".loginForm input").each(function() {
				//若当前input为空，则alert提醒 
				if(!this.value || this.value.trim() == "") {
					var label = this.previousElementSibling;
					mui.alert(label.innerText + "不允许为空");
					check = false;
					return false;
				}
			}); 
			
			//校验通过，继续执行业务逻辑 
			if (check) {
				var username = document.getElementById("username").value.trim();
				var password = document.getElementById("password").value.trim();
				mui.ajax('http://api.sashanxi.com.cn/get_he_tong',{
					data:{
						username:username,
						password:password
					},
					dataType:'json',//服务器返回json格式数据
					type:'post',//HTTP请求类型
					timeout:10000,//超时时间设置为10秒；
					headers:{'Content-Type':'application/json'},	              
					success:function(data){
						//服务器返回响应，根据响应结果，分析是否登录成功
						console.log(data)
						if (data.status){
							return mui.alert(data.message)
						}
						window.location.href = 'heTongView2?id='+data.data.id
						
					},
					error:function(xhr,type,errorThrown){
						//异常处理；
						console.log(type);
					}
				});
			}
		});

	</script>
</html>